.order {
  width: 100%;
  height: 100%;
  .o-header {
    width: 100%;
    height: 85px;
    background-color: #fff;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    .o-head-top {
      width: 100%;
      height: 40px;
      text-align: center;
      line-height: 40px;
      position: relative;
      box-sizing: border-box;
      .o-back {
        position: absolute;
        top: 0px;
        left: 15px;
        font-weight: bold;
      }
      .o-title {
        font-size: 16px;
      }
    }
    .o-tab {
      .adm-tabs-header {
        border-bottom: 0px;
      }
    }
  }
  .o-list {
    width: 100%;
    padding-top: 85px;
    padding-bottom: 85px;
    background-color: #f4f4f4;
    .ordering {
      width: 375px;
      height: 210px;
      margin-top: 15px;
      padding: 0 15px;
      box-sizing: border-box;
      background-color: #fff;
      cursor: pointer;
      .o-first {
        height: 50px;
        display: flex;
        font-size: 14px;
        justify-content: space-between;
        align-items: center;
        .o-first-tag {
          color: #f00;
        }
      }
      .o-second {
        width: 100%;
        height: 69px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .o-second-left {
          height: 100%;
          display: flex;
          justify-content: flex-start;
          align-items: center;
          img {
            height: 69px;
            width: 69px;
            border-radius: 5px;
          }
          .o-second-left-right {
            margin-left: 10px;
            height: 69px;
            display: flex;
            flex-direction: column;
            .goodname {
              font-size: 14px;
            }
            .goodtag {
              margin-top: 10px;
              color: #8a8a8a;
              font-size: 12px;
            }
          }
        }
        .o-second-right {
          height: 69px;
          display: flex;
          flex-direction: column;
          .truepay {
            margin-left: 5px;
            font-size: 20px;
          }
          .truepay::before {
            content: '￥';
            font-size: 12px;
          }
          .totalnum {
            font-size: 12px;
            color: #8a8a8a;
            margin-top: 5px;
            text-align: center;
          }
        }
      }
      .o-third {
        width: 100%;
        height: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .o-third-left {
          color: #8a8a8a;
          .totalpay {
            margin-left: 5px;
            font-size: 20px;
          }
          .totalpay::before {
            content: '￥';
            font-size: 12px;
          }
        }
        .o-third-middle {
          color: #8a8a8a;
          .youhui {
            margin-left: 5px;
            font-size: 20px;
          }
          .youhui::before {
            content: '￥';
            font-size: 12px;
          }
        }
        .o-third-right {
          .truepay {
            margin-left: 5px;
            font-size: 20px;
          }
          .truepay::before {
            content: '￥';
            font-size: 12px;
          }
        }
      }
      .o-foured {
        width: 100%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        .basestyle1 {
          height: 24px;
          width: 70px;
          border: 0.5px solid #c0c0c0;
          line-height: 24px;
          text-align: center;
          border-radius: 12px;
          box-sizing: border-box;
        }
        .basestyle2 {
          height: 24px;
          width: 70px;
          border: none;
          line-height: 24px;
          text-align: center;
          border-radius: 12px;
          color: #fff;
          box-sizing: border-box;
          background-color: #1890ff;
        }
      }
    }
  }
}
